<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css3.css">

    <style c></style>
    <title>form </title>
</head>
<body>
    <form action="" method="post">
        <input type="tel" name="" id="">
        <label for="">Reservation Time
            <input type="time" name="" id="" min="17:00" max="22:00">
        </label>
        <label>range
            <input type="range" name="" id="" min="1" max="100">
        </label>

        <input type="search" name="" id="">

        <label>color
            <input type="color" name="" id="">
        </label>
        <label>Date</label>
        <input type="date" name="" id="">
<label>datalist</label>
        <datalist>
            <option value="quack">duck</option>
            <option value="quack">duck</option>
            <option value="quack">duck</option>
        </datalist>

        
    </form>
    <output>22</output>

    <p>Heat the oven to <meter min="200" max="500"
        value="350">350 degrees</meter>.</p>

        <progress value="70" max="100">70 %</progress>

        <select>
            <option>1</option>
            <option>1</option>
        </select>

        <p>test css3</p>
</body>
</html>